/**
 * Axios的配置写在这里
 */
import Vue from 'vue'
import axios from 'axios'

import { getToken, removeToken } from '@/utils/token'
import router from '@/router'

// 配置基准路径
// console.log(process.env.VUE_APP_BASEURL)
axios.defaults.baseURL = process.env.VUE_APP_BASEURL
// 因为我们现在的后台需要携带过去cookies,所以需要设置下允许携带cookies，不是每个后台都需要的
axios.defaults.withCredentials = true // 允许携带cookie

// 以下是拦截器的代码
// 请求拦截器 todo
axios.interceptors.request.use(
  function (config) {
    // 在发送请求之前做些什么
    const token = getToken()
    if (token) {
      config.headers.token = token

      // console.log('--config--', config)
    }
    return config
  },
  function (error) {
    // 对请求错误做些什么
    return Promise.reject(error)
  }
)

// 响应拦截器
// 添加响应拦截器
axios.interceptors.response.use(
  function (response) {
    // 对响应数据做点什么
    // console.log('1----', response)
    if (response.data.code === 206) {
      // token已经过期了
      // 这里不能使用this.$router，这里不是单文件组件
      // this.$router.push('/login')

      // 删除token
      removeToken()

      router.push(`/login?t=${new Date() - 0}`)
    }
    return response.data
  },
  function (error) {
    // 对响应错误做点什么
    return Promise.reject(error)
  }
)

// 挂载到Vue原型
Vue.prototype.$axios = axios
